<template>
        <div class="logUpdate">
            <!-- 头部 -->
             <InsideHeader :bannerType="bannerType"></InsideHeader>
            <!-- 面包屑 -->
            <!-- <crumb></crumb> -->
            <div class="crumb">
                <div class="block">  
                    <div class="crumbL">
                        <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                        <em>></em>
                        <nuxt-link :to="{name: 'news-newsIndex'}">最新资讯</nuxt-link>
                        <em>></em>
                        <nuxt-link :to="{name: 'news-logUpdate'}" class="on">资料更新日志</nuxt-link>
                        <div class="clear"></div>
                    </div>
                    <!-- <div class="crumbR">
                        <nuxt-link :to="{name: 'news-newsCompany'}">公司新闻</nuxt-link>
                        <nuxt-link :to="{name: 'news-newProduct'}">新品发布</nuxt-link>
                        <nuxt-link :to="{name: 'news-logUpdate'}">资料更新日志</nuxt-link>
                        <div class="clear"></div>
                    </div> -->
                    <div class="clear"></div>
                </div>
            </div>

            <div class="block">
                <div class="content">
                    <div class="title">
                        <span>资料更新日志</span>
                    </div>

                    <div class="seek">
                            <div class="title">
                                搜索条件
                            </div>
                        <div class="form">
                            <form action="">
                                <div class="formItem">
                                    <div class="left">
                                       产品大类：
                                    </div>
                                    <div class="right">
                                        <el-select v-model="value" placeholder="请选择" style="width: 100%">
                                            <el-option
                                                    v-for="item in options"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>
                                <div class="formItem">
                                    <div class="left">
                                        产品小类：
                                    </div>
                                    <div class="right">
                                        <el-select v-model="value" placeholder="请选择" style="width: 100%">
                                            <el-option
                                                    v-for="item in options"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>
                                <div class="formItem">
                                    <div class="left">
                                        资料种类：
                                    </div>
                                    <div class="right">
                                        <el-select v-model="value" placeholder="请选择" style="width: 100%">
                                            <el-option
                                                    v-for="item in options"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>
                                <div class="formItem">
                                    <div class="left">
                                        按时间段：
                                    </div>
                                    <div class="right">
                                        <el-select v-model="value" placeholder="请选择"style="width: 100%" >
                                            <el-option style="width: 100%"
                                                    v-for="item in options"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>
                                <div class="hunt">
                                    <img src="../../static/newsImg/seek.png">
                                </div>
                            </form>
                            <div class="list">
                                <li class="tab">
                                    <ul class="tabTitle">
                                        <li @click="tabStyle(index)"  :class="[{active:tabId==index}]" v-for="(itme ,index) in tabTitle">{{itme.name}}</li>
                                        <div class="clear"></div>
                                    </ul>
                                    <ul class="tabContent">
                                        <li v-show="tabId===0">
                                            <ul>
                                                <li v-for="(item, index) in tabList ">
                                                    <a href="">
                                                        <div class="listTitle">{{item.content}}</div>
                                                        <div class="listClass">{{item.class}}</div>
                                                        <div class="listSample">{{item.sample}}</div>
                                                        <div class="listTime">{{item.time}}</div>
                                                    </a>
                                                </li>
                                                <div class="clear"></div>
                                            </ul>
                                        </li>
                                        <li v-show="tabId===1">我艾洛</li>
                                        <li v-show="tabId===2">1</li>
                                        <li v-show="tabId===3">2</li>
                                        <li v-show="tabId===4">3</li>
                                        <li v-show="tabId===5">4</li>
                                        <li v-show="tabId===6">5</li>
                                        <li v-show="tabId===7">6</li>
                                    </ul>
                                    <div class="clear"></div>
                                </li>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 链接 -->
            <Insidelink></Insidelink>

            <!-- 底部 -->
            <HomeHooter></HomeHooter>
        </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "logUpdate",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                 bannerType:'news',
                options: [{
                    value: '选项1',
                    label: ''
                }, {
                    value: '选项5',
                    label: ''
                }],
                value: '',
                tabId:0,
                tabTitle:[
                    {
                        name:'ALL'
                    },
                    {
                        name:'认证'
                    },
                    {
                        name:'样本'
                    },
                    {
                        name:'手册'
                    },
                    {
                        name:'CAD'
                    },
                    {
                        name:'视屏'
                    },
                    {
                        name:'FB程序库'
                    },
                    {
                        name:'其他'
                    },
                ],
                tabList:[
                    {
                        content:"【软件下载】EMU4-SW1 Ver.1.2.1",
                        class:"产品类别",
                        sample:"样本",
                        time:"2019-10-22"
                    },
                    {
                        content: "【软件下载】GT Works3 1.220E",
                        class: "产品类别",
                        sample: "样本",
                        time: "2019-10-22"
                    },
                    {
                        content:"【软件下载】NC Analyer2",
                        class:"产品类别",
                        sample:"样本",
                        time:"2019-10-22"
                    },
                    {
                        content:"【手册下载】M800 M80 E80 Series PLC Interface Manual_ib1501272engk",
                        class:"产品类别",
                        sample:"样本",
                        time:"2019-10-17"
                    },
                    {
                        content:"新·向未来|三菱电机2019工博会开启智能制造新篇章",
                        class:"产品类别",
                        sample:"样本",
                        time:"2019-10-17"
                    },
                    {
                        content:"重磅！三菱电机激光加工自动化分拣系统正式在中国发售",
                        class:"产品类别",
                        sample:"样本",
                        time:"2019-10-27"
                    },
                    {
                        content:"2019工博会|三菱电机智能制造新跃升",
                        class:"产品类别",
                        sample:"样本",
                        time:"2019-10-27"
                    },
                    {
                        content:"第十三届“三菱电机杯”全国大学生 电气与自动化大赛筑梦未来",
                        class:"产品类别",
                        sample:"样本",
                        time:"2019-10-27"
                    },
                ],

            }
        },
        methods:{
            tabStyle(index){
                this.tabId=index
                console.log(index)
            },
        }
    }
</script>

<style scoped>

</style>
